/*input{*/

/*    width: 100%;*/
/*    height: 100%;*/
/*    outline: none;*/

/*}*/
table{
    width: 100%;
    border-collapse: collapse;
}
a
{text-decoration:none;
color: inherit;
height: 50px;

    width: 100px;
}
table caption{
    font-size: 2em;
    font-weight: bold;
    margin: 1em 0;
}

th,td{
    border: 1px solid #999;
    text-align: center;
    padding: 20px 0;
}

table thead tr{
    background-color: #008c8c;
    color: #fff;
}

table tbody tr:nth-child(odd){
    background-color: #eee;
}

table tbody tr:hover{
    background-color: #ccc;
}

table tbody tr td:first-child{
    color: #f40;
}

table tfoot tr td{
    text-align: right;
    padding-right: 20px;
}
#tongji{
    display: flex;
}
#tu{
    display: flex;
}
#tongji .fangkuai{
    background-color: #008c8c;
    margin:10px 30px;
    border-color: #4CAF50;
    border-radius:15px;
    border: 2px solid;
    text-align: center;
    vertical-align:middle;
}
/* 侧边导航菜单 */
.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}
.sidebar ul {
    margin: 0;
    padding: 0;
}
/* 侧边栏链接 */
.sidebar li {
    text-align: center;
    line-height: 50px;
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}

/* 活动/当前链接 */
.sidebar li.active {
    background-color: #4CAF50;
    color: white;
}

/* 鼠标悬停链接 */
.sidebar li:hover:not(.active) {
    background-color: #555;
    color: white;
}

/* 页面内容。 margin-left 属性的值应该与侧边栏的 width 属性的值匹配 */
div.content {
    margin-left: 200px;
    padding: 1px 16px;
    height: 1000px;
}

/* 在宽度小于 700px 的屏幕上，将侧边栏变成顶部栏 */
@media screen and (max-width: 700px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }
    .sidebar li {float: left;}
    div.content {margin-left: 0;}
}

/* 在小于 400px 的屏幕上，垂直显示栏，而不是水平显示 */
@media screen and (max-width: 400px) {
    .sidebar li {
        text-align: center;
        float: none;
    }
}
.left{
    float: left;
    width: 200px;
}
.right {
    margin-left: 200px;

}
.jia{
    width: 30px;
    height: 30px;
    margin: 5px;
}
.tiao{ width: 300px;
    height: 100px;
    margin: 10px;
    display: flex;

}
.wai{
    width: 320px;
    height: 330px;
    background-color: aqua;
    display: inline-block;


}
.tu{
    width: 80px;
    height: 80px;
    margin: 10px;

}
.wen{
    width: 250px;
    height: 80px;
    margin: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;


}
.an{
    width: 80px;
    height: 80px;
    margin: 10px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

}
.de{
    width: 30px;
    height: 30px;
    border-radius:50%;
    border: none;
    margin: auto;
}
.xiao{
    display: flex;
    width: 30px;
    height: 80px;
    margin: 10px;
}
#leftMenu {all:revert;
position: absolute;
    left: 170px;
    top: 660px;
}
#leftMenu ul{width:100px;position:absolute;background:#DADADA;list-style:none;}
#leftMenu li{width:100px;position: relative;}
#leftMenu li>ul{left: 100px;top: 0;display: none;}
#leftMenu li:hover>ul{display: block;}
/* 顶部导航菜单 */
.top {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.top li {

    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
    float: left;
}
.top img{
    float: left;
}

.top ul {
    margin: 0;
    padding: 0;
}
.top li.active {
    background-color: #4CAF50;
    color: white;
}
.top li:hover:not(.active) {
    background-color: #555;
    color: white;
}
.tablename{
    text-align: center;
    color: #666;
    background-color: #592;
    height: 37px;
    font-size: 30px;
    margin: 10px 10px 10px 10px;
    border: #ccc 3px solid;
    border-radius: 10px;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 10px;
}

.button1:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
